<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	<style type="text/css">
		#hd{
			width: 500px;
			height: 300px;
			background: purple;
			margin: 0 auto;
		}
	</style>
	<script type="text/javascript">

	window.onload = function(){
//		单击事件
//		document.getElementById("hd").onclick = function(){
//			alert('后盾人 人人做后盾！');
//		}	

//		双击事件
//		document.getElementById("hd").ondblclick = function(){
//			alert('后盾人 人人做后盾！');
//		}

//		鼠标按下事件
//		document.getElementById("hd").onmousedown = function(){
//			alert('后盾人 人人做后盾！');
//		}

//		鼠标抬起事件
//		document.getElementById("hd").onmouseup = function(){
//			alert('后盾人 人人做后盾！');
//		}

//		鼠标移入事件
//		document.getElementById("hd").onmouseover = function(){
//			alert('后盾人 人人做后盾！');
//		}

//		鼠标移动事件
//		document.getElementById("hd").onmousemove = function(){
//			alert('后盾人 人人做后盾！');
//		}

//		鼠标移出事件
		document.getElementById("hd").onmouseout = function(){
			alert('后盾人 人人做后盾！');
		}
		
	}

		
	</script>
	</head>
	<body>
		
		<div id="hd">
			
		</div>
		
	</body>
</html>
